@extends('layouts.app')

@section('content')
                <div class="panel panel-default">
                    <div class="panel-heading">Dashboard index</div>

                    <div class="panel-body">
                        @if (session('status'))
                            <div class="alert alert-success">
                                {{ session('status') }}
                            </div>
                        @endif
                        @role('admin')
                        <p>admin only show</p>
                        @endrole
                        @role('owner')
                        <p>only owner show</p>
                        @endrole
                        You are logged in!
                        <button id="test">test222</button>
                        <el-button @click="btnTap">elButton</el-button>
                    </div>
                </div>
@endsection

@section('js')
    <script>
        const app = new Vue({
            el: '#app',
            methods: {
                btnTap: function () {
                    console.log('btn tap')
                }
            }
        });
    </script>
@endsection
